<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
   *{padding:0;margin:0;}
   .layer1{width:100%;height:100px;text-align:center;}
      .layer1-1{width:40%;height:100px;background:#FFF;text-align:center;float:left;}
	  .layer1-1 img{height:100px;}
	  .layer1-2{width:60%;height:100px;text-align:center;float:left;}
	     .layer1-2-1{width:100%;height:50px;background:#09C;text-align:center;font-size:20px}
		 .layer1-2-2{width:100%;height:50px;background:#09C;text-align:center;}
		 #source{width:100%;height:3em;background-color:#39F;font-weight:bold;font-size:1em;padding:0;margin:0;}
		 #source a{float:left;width:16%;height:3em;line-height:3em;color:#CFC;border-left:12px solid #3CF}
		 #source a:hover{background:#36F;}
	  .layer1-3{clear:both;}
   .layer2{width:100%;height:950px;text-align:center;}
      .table col1{width:70%;flaot:left;}
	  .table col2{width:30%;flaot:right;}
      #one{background-color:#39F;border-radius:20px 20px 0 0;}
      .layer2-1{width:100%;height:350px;background:#FFF;text-align:center;}
	  .layer2-1 img{height:350px;width:auto;}
	  .layer2-2{width:100%;height:300px;background:#FFF;}
	     .layer2-2-1{width:40%;height:270px;background:#FFF;text-align:center;border-style:solid;border-color:#39F;float:left;margin:10px;border-radius:20px;}
		 .layer2-2-1 img{height:270px;width:100%;border-radius:20px;}
		 .layer2-2-2{width:50%;height:270px;background:#FFF;text-align:left;border-style:solid;border-color:#39F;float:left;margin:10px;list-style-position:inside;line-height:30px;border-radius:20px;}
		 .layer2-2-2 ul table tr td col1{width:70%;float:left;}
		 .layer2-2-2 ul table tr td col2{width:30%;float:right;}
		 .layer2-2-3{clear:both;}
	  .layer2-3{width:100%;height:300px;background:#FFF;}
	     .layer2-3-1{width:30%;height:270px;background:#FFF;text-align:left;border-style:solid;border-color:#39F;float:left;margin:10px;list-style-position:inside;line-height:30px;border-radius:20px;}
		 .layer2-3-2{width:32%;height:270px;background:#FFF;text-align:left;border-style:solid;border-color:#39F;float:left;margin:10px;list-style-position:inside;line-height:30px;border-radius:20px;}
		 .layer2-3-3{width:30%;height:270px;background:#FFF;text-align:left;border-style:solid;border-color:#39F;float:left;margin:10px;list-style-position:inside;line-height:30px;border-radius:20px;}
		 .layer2-3-4{clear:both;}
   .layer3{width:100%;height:100px;background:#CCC;text-align:center;}
</style>
</head>

<body>
   <div class="layer1">
       <div class="layer1-1">
       <img src="http://www.sict.edu.cn/Templets/mode3/images/logo.png" />
       </div>
       <div class="layer1-2">
           <div class="layer1-2-1">
           <form>
              <table>
                 <tr>
                    <td>请输入搜索问题</td>
                    <td><input type="text"name="pass" /></td>
                    <td><input type="submit"value="搜索" /></td>
                 </tr>
              </table>
           </form>
           </div>
           <div class="layer1-2-2">
           <div id="source"> 
               <a href="">学校概况</a>
               <a href="">机构设置</a>
               <a href="">教育教学</a>
               <a href="">就业创业</a>
               <a href="">科技服务</a>
           </div>    
           </div>
       </div>
       <div class="layer1-3"></div>
   </div>
   <div class="layer2">
       <div class="layer2-1">
           <img src="http://www.sict.edu.cn/Templets/mode3/ad//01.jpg" />
       </div>
       <div class="layer2-2">
           <div class="layer2-2-1">
               <img src="http://www.sict.edu.cn/files/file/2017111012482712976.jpg" />
           </div>
           <div class="layer2-2-2">
               <h3 id="one">学校要闻</h3>
               <ul>
               <table>
               <tr>
                   <td class="col1"><li><a href="#">马克思主义学院召开陶行知教育...</a></li></td><td class="col2">3月5日</td>
               </tr>
               <tr>
                   <td class="col1"><li><a href="#">我校承办2017年山东省“农产品质量...</a></li></td><td class="col2">3月5日</td>
               </tr>
               <tr>
                   <td class="col1"><li><a href="#">2017山东养老服务业高峰论坛在我...</a></li></td><td class="col2">3月5日</td>
               </tr>
               <tr>
                   <td class="col1"><li><a href="#">校报荣获全国高校校报协会2016年...</a></li></td><td class="col2">3月5日</td>
               </tr>
               <tr>
                   <td class="col1"><li><a href="#">浙江纺织服装职业技术学院、河北...</a></li></td><td class="col2">3月5日</td>
               </tr>
               </table>
               </ul>
           </div>
           <div class="layer2-2-3"></div>
       </div>
       <div class="layer2-3">
           <div class="layer2-3-1">
               <h3 id="one">学校要闻</h3>
               <ul>
               <table>
               <tr>
                   <td class="col1"><li><a href="#">马克思主义学院召开陶行知教育...</a></li></td><td class="col2">3月5日</td>
               </tr>
               <tr>
                   <td class="col1"><li><a href="#">我校承办2017年山东省“农产品质量...</a></li></td><td class="col2">3月5日</td>
               </tr>
               <tr>
                   <td class="col1"><li><a href="#">2017山东养老服务业高峰论坛在我...</a></li></td><td class="col2">3月5日</td>
               </tr>
               <tr>
                   <td class="col1"><li><a href="#">校报荣获全国高校校报协会2016年...</a></li></td><td class="col2">3月5日</td>
               </tr>
               <tr>
                   <td class="col1"><li><a href="#">浙江纺织服装职业技术学院、河北...</a></li></td><td class="col2">3月5日</td>
               </tr>
               </table>
               </ul>
           </div>
           <div class="layer2-3-2">
               <h3 id="one">通知公告</h3>
               <ul>
               <table>
               <tr>
                  <td class="col1"><li><a href="#">马克思主义学院召开陶行知教育...3月5日</a></li></td><td class="col2">3月5日</td>
               </tr>
               <tr>
                  <td class="col1"><li><a href="#">我校承办2017年山东省“农产品质量...3月5日</a></li></td><td class="col2">3月5日</td>
               </tr>
               <tr>
                  <td class="col1"><li><a href="#">2017山东养老服务业高峰论坛在我...3月5日</a></li></td><td class="col2">3月5日</td>
               </tr>
               <tr>
                  <td class="col1"><li><a href="#">校报荣获全国高校校报协会2016年...3月5日</a></li></td><td class="col2">3月5日</td>
               </tr>
               <tr>
                  <td class="col1"><li><a href="#">浙江纺织服装职业技术学院、河北...3月5日</a></li></td><td class="col2">3月5日</td>
               </tr>
               </table>             
               </ul>
           </div>
           <div class="layer2-3-3">
               <h3 id="one">媒体报道</h3>
               <ul>
               <table>
               <tr>
	           <td class="col1"><li><a href="#">新浪山东：山东商职院承办2017年...</a></li></td><td class="col2">3月5日</td>
               </tr>
               <tr>
               <td class="col1"><li><a href="#">大众网：山东商职院承办山东省职...</a></li></td>
	           <td class="col2">3月5日</td>
               </tr>
               <tr>
               <td class="col1"><li><a href="#">新浪山东：2017山东养老服务业高...</a></li></td>
	           <td class="col2">3月5日</td>
               </tr>
               <tr>
               <td class="col1"><li><a href="#">新浪山东：全国高校“形势与政策”...</a></li></td>
	           <td class="col2">3月5日</td>
               </tr>
               <tr>
               <td class="col1"><li><a href="#">大众网：全国高校“形势与政策”课...</a></li></td>
	           <td class="col2">3月5日</td>
               </tr>
		       </table>				  
               </ul>                  
           </div>
           <div class="layer2-3-4"></div>
       </div>
   </div>
   <div class="layer3">
   <p>学校地址：济南市历城区彩石镇4516号 邮编：250103</p>
   <p>电话：0531-86335888 报名电话：0531-86335555</p>
   <p>鲁ICP备05002370</p>
   </div>
</body>
</html>
